<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<style type="text/css">
.vm {
	vertical-align:middle
}
#wrap {
	margin:0 auto;
	width:1024px;
}
#header {
	width:1024px;
	background-color:#e1e1e1;
	height:50px;
	padding:10px;
	margin-bottom:5px;
}
#header h1 {
	float:left;
	vertical-align:top;
}
#header h1 img{
	vertical-align:top;
}
#header .user {
	float:right;
	padding-top:5px;
}
#header .user img {
	vertical-align:middle;
}
</style>
<!-- Loading -->
<link rel="stylesheet" type="text/css" href="css/loading.css" />
<link rel="stylesheet" type="text/css" href="css/icon.css" />
<link rel="stylesheet" type="text/css" href="css/pcstatus-dataview.css" />
<!-- ExtJS -->
<link rel="stylesheet" type="text/css" href="http://cdn.sencha.io/ext-4.2.0-gpl/resources/ext-theme-gray/ext-theme-gray-all.css" />
<style>
<!--
.x-border-layout-ct {
  background-color: #FFFFFF;
}
-->
</style>
<!-- ExtJS -->
<script type="text/javascript" charset="utf-8" src="http://cdn.sencha.io/ext-4.2.0-gpl/ext-all-debug.js"></script>
<script type="text/javascript" src="js/shared/override/DataView.js"></script>
<!-- Common -->
<script type="text/javascript" src="js/shared/Common.js"></script>
<!-- Locale -->
<script type="text/javascript" src="js/shared/localeUtil.js"></script>
<script type="text/javascript" src="js/shared/message/Message_${pageContext.response.locale.language}.js"></script>
<script type="text/javascript">
var langType = '${pageContext.response.locale.language}';
var loginId = '${login.id}';
var loginName = '${login.name}';
var loginAuth = '${login.auth}';
var remoteName = '${property["REMOTE_NAME"]}';
var remotePort = '${property["REMOTE_PORT"]}';
var remotePass = '${property["REMOTE_PASS"]}';
</script>